<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/2.css">
</head>
<body>
    <!-- 颜色切换 -->
    <div class="tagColor">
        Tag color : <span></span><span></span><span></span><span></span><span></span>
    </div>
    <!-- 标签标题 -->
    <div class="title">
        <span class="textBg">tags</span>.CSS
    </div>
    <!-- 头部   已添加标签 和 展开收起按钮 -->
    <div class="header">
        <ul class="myTag">
            <!-- <li class="textBg">会会牛</li> -->
        </ul>
        <button class="toggleBtn">展开标签库</button>
    </div>
    <!-- 所有标签 和 最大可添加标签个数的提示 和 换一换 -->
    <div class="footer">
        <!-- 添加标签输入框 -->
        <div class="form">
            <input type="text" placeholder="请输入添加标签" class="inpText">
            <button class="add">添加</button>
        </div>
        <!-- 所有标签 -->
        <ol class="allTag">
            <!-- <li>所有标签</li> -->
        </ol>
        <!-- 换一换 -->
        <div class="change"><span>换一换</span></div>
        <!-- 提示信息 -->
        <div class="tip">最多可添加5个标签</div>
    </div>


    <script src="./js/2.js"></script>


</body>
</html>